<template>
  <div class="contaniner">
    <!-- 头部区域 -->
    <van-nav-bar title="我的推广" left-text="返回" left-arrow @click-left="$router.back()" />
    <!-- 头部区域 -->

    <van-cell slot="default">
      <span slot="title">推广店铺数：3家</span>
      <span>已产生佣金总额：￥320</span>
    </van-cell>

    <van-cell slot="default">
      <div class="img">
        <van-image width="50" height="50" src="https://img.yzcdn.cn/vant/cat.jpeg" round />
        <span>5362124</span>
      </div>
      <div class="text">
        <span>新佳宜</span><br />
        <span>开店时间：2020-10-17</span> <i>已产生佣金：￥80</i><br />

        <span> <van-icon name="location" class="location" />长沙市.岳麓区.桐梓坡路.麓谷林语 距离：268m</span>
      </div>
    </van-cell>

    <hr />

    <van-cell slot="default">
      <div class="img">
        <van-image width="50" height="50" src="https://img.yzcdn.cn/vant/cat.jpeg" round />
        <span>9564231</span>
      </div>
      <div class="text">
        <span>新佳宜</span><br />
        <span>开店时间：2020-10-17</span> <i>已产生佣金：￥100</i><br />

        <span> <van-icon name="location" class="location" />长沙市.岳麓区.桐梓坡路.麓谷林语 距离：268m</span>
      </div>
    </van-cell>
    <hr />
    <van-cell slot="default">
      <div class="img">
        <van-image width="50" height="50" src="https://img.yzcdn.cn/vant/cat.jpeg" round />
        <span>235614</span>
      </div>
      <div class="text">
        <span>新佳宜</span><br />
        <span>开店时间：2020-10-17</span> <i>已产生佣金：￥140</i><br />

        <span> <van-icon name="location" class="location" />长沙市.岳麓区.桐梓坡路.麓谷林语 距离：268m</span>
      </div>
    </van-cell>
  </div>
</template>
<script>
export default {
  name: '',
  props: {},
  components: {},
  data() {
    return {}
  },
  methods: {},
  created() {},
  computed: {},
  mounted() {},
  watch: {}
}
</script>
<style scoped lang="less">
.van-cell__value {
  color: #323233;
}
.img {
  width: 110px;
  height: 100%;
  text-align: center;
  float: left;
  font-size: 26px;

  .van-image {
    display: block;
    margin: auto;
  }
}
.text {
  float: right;
  font-size: 26px;

  i {
    float: right;
  }
  .location {
    float: unset;
    font-size: 30px;
    color: blue;
  }
}
</style>
